
//加载历史搜索
$(function () {
    getLocalHistory()
})

//读取本地搜索历史和生成模板
function getLocalHistory() {
    let arr = JSON.parse(localStorage.getItem('historyContext')) || []
    let str = ``
    for (let a in arr) {
        str += `<li class="mui-table-view-cell cell_history" data-id="${arr[a]}">
                    <span id="historyGo">${arr[a]}</span>
                    <span class="mui-icon mui-icon-closeempty mui-pull-right" id="del" data-current="${arr[a]}"></span>
                </li>`
    }
    $('#ul_his').html(str)
}

//历史搜索存于本地
$('#saveSearch').on('tap', () => {
    //本地未有searchContext生成新数组
    let arr = JSON.parse(localStorage.getItem('historyContext')) || []
    //本地只允许保存7个
    if (arr.length >= 7) {
        arr.pop()
    }
    //获取搜索内容
    let context = $('#searchCont').val()
    //是否已搜索过
    if (!arrIsHistory(arr, context)) {
        arr.unshift(context)
        localStorage.setItem('historyContext', JSON.stringify(arr))
        getLocalHistory()
    }
    queryShopping(context)
})

//清空历史搜索功能
$('#clearHis').on('tap', () => {
    localStorage.setItem('historyContext', JSON.stringify([]))
    mui.toast('已清空历史搜索!')
    getLocalHistory()
})

//删除某个历史搜索功能
$(document).on('tap', '#del', (e) => {
    let arr = JSON.parse(localStorage.getItem('historyContext')) || []
    localStorage.setItem('historyContext', JSON.stringify(arr.filter((item) => item != e.target.dataset.current)))
    mui.toast('删除成功!')
    getLocalHistory()
})


//检索本地历史中是否有此历史
function arrIsHistory(arr, context) {
    for (let a in arr) {
        if (arr[a] === context) {
            return true
        }
    }
    return false
}

//点击历史搜索查询功能
$(document).on('tap', '.cell_history', (e) => {
    if (e.target == e.currentTarget) {//防止父元素覆盖资源的绑定事件操作
        queryShopping(e.currentTarget.dataset.id)
    }

})

//查询相关产品
function queryShopping(info) {
    localStorage.setItem('searchContext', JSON.stringify(info))
    window.location.href = '/search_result'
    // $.ajax({
    //     type: 'GET',
    //     url: '/product/queryProduct',
    //     data: {
    //         proName: info,
    //         page: 1,
    //         pageSize: 4
    //     },
    //     success: (result) => {
    //         console.log(result)
    //         if (result) {

    //         } else {
    //             mui.toast('无法访问服务,请联系wx:13278865643')
    //             getLocalHistory()
    //         }
    //     }
    // })
}